<template>
  <div id="CesiumContainer"></div>
  <test-1></test-1>
  <test-2></test-2>
</template>

<script>
import test1 from "./components/test1.vue";
import test2 from "./components/test2.vue";
export default {
  name: "App",
  components: { test1, test2 },
  data() {
    return {};
  },
  methods: {
    Initialize() {
      let viewer = new Cesium.Viewer("CesiumContainer", {
        terrainProvider: Cesium.createWorldTerrain({
          requestWaterMask: true,
          requestVertexNormals: true, // 顶点(vertex)法线(normal)可加载光影效果
        }),
      });
      window.viewer = viewer; //全局注册这个大的球
    },
  },
  mounted() {
    this.Initialize();
  },
};
</script>

<style>
#CesiumContainer {
  width: 100%;
  height: 100%;
  right: 0px;
  position: absolute;
  z-index: 0;
}
</style>
